import React from 'react'
import { NavLink } from 'react-router-dom'

export default function () {
    return (
        <div>
            <nav>
                <NavLink className={({ isActive }) => { return isActive ? 'a-active' : 'a-link' }} to={'/'}>首页</NavLink>
                <NavLink className={({ isActive }) => { return isActive ? 'a-active' : 'a-link' }} to={'/goodsList'}>商品列表</NavLink>
                <NavLink className={({ isActive }) => { return isActive ? 'a-active' : 'a-link' }} to={'/newsList'}>新闻列表</NavLink>
                <NavLink className={({ isActive }) => { return isActive ? 'a-active' : 'a-link' }} to={'/my'}>个人中心</NavLink>
            </nav>
        </div>
    )
}


